/* Put Application specific CSS here. */
body.palm-default {
	
}

.main {
	background: url(../images/background.png) repeat-x !important;
}

.settings {
	background: url(../images/backdrop-dark.png) center center !important;
}

.help {
	background: url(../images/backdrop-dark.png) center center !important;
}

.drawerContainer {
	padding:5px;
	font-size:17px;
}

.drawerContainer img {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}

/*
.dark-drawer {
	background: url(../images/backdrop-dark.png) center center;
}*/

.command-menu .palm-menu-fade {
	background : url(../images/my-scene-fade-bottom-dark.png) repeat-x !important;	
}

html, body {
    height: 100%;
}

/* === Scene Fades === */

.scene-fade {
    height: 54px;
    width: 100%;
    position: fixed;
    left: 0px;
    z-index: 100000;
    -webkit-palm-mouse-target: ignore;
}

.scene-fade.top {
    top: 0px;
    background: url(../images/my-scene-fade-top-dark.png) repeat-x center bottom;
}

.scene-fade.bottom {
    bottom: 0px;
    background: url(../images/my-scene-fade-bottom-dark.png) repeat-x center bottom;
}